<template>
    <div class="wrapper">
      <produce-item-text v-if="data && data['contentType'] && data['contentType'] === 'TEXT'"
                         :data="data"/>
      <produce-item-img v-if="data && data['contentType'] && data['contentType'] === 'PICTURE'"
                         :data="data"/>
      <produce-item-rich-text v-if="data && data['contentType'] && data['contentType'] === 'RICH_TEXT'"
                         :data="data"/>
    </div>
</template>

<script>
import ProduceItemText from '@pages/goods/part/pageGoodProduce/part/produceItem/ProduceItemText'
import ProduceItemImg from '@pages/goods/part/pageGoodProduce/part/produceItem/ProduceItemImg'
import ProduceItemRichText from '@pages/goods/part/pageGoodProduce/part/produceItem/ProduceItemRichText'
export default {
  name: 'ProduceItem',
  components: { ProduceItemRichText, ProduceItemImg, ProduceItemText },
  props: {
    data: {
      required: true,
      type: Object
    }
  }
}
</script>

<style scoped>
  .wrapper{
  }
</style>
